
<button mat-icon-button [matMenuTriggerFor]="userMenu" data-automation-id="user-menu"
[title]="'APP.MORE_ACTIONS' | translate">
    <mat-icon>more_vert</mat-icon>
</button>

<mat-menu #userMenu="matMenu" [overlapTrigger]="false" class="ama-header-menu">

    <button *ngIf="showLanguagePicker" mat-menu-item [matMenuTriggerFor]="langMenu" data-automation-id="user-language-menu">
        <mat-icon>language</mat-icon>
        <span>{{ 'APP.HEADER.LANGUAGE' | translate }}</span>
    </button>

    <mat-menu #langMenu="matMenu">
        <adf-language-menu></adf-language-menu>
    </mat-menu>

    <button mat-menu-item (click)="onOpenSettings()" data-automation-id="user-settings">
        <mat-icon>settings</mat-icon>
        <span>{{ 'APP.HEADER.SETTINGS' | translate }}</span>
    </button>

    <button mat-menu-item data-automation-id="about" (click)="navigateToAbout()">
        <mat-icon>info</mat-icon>
        <span>{{ 'APP.HEADER.ABOUT' | translate }}</span>
    </button>

    <button mat-menu-item data-automation-id="user-logout" adf-logout [enableRedirect]="false">
        <mat-icon>exit_to_app</mat-icon>
        <span>{{ 'APP.HEADER.SIGN_OUT' | translate }}</span>
    </button>
</mat-menu>
